.timmy-card {
  position: relative;
  width: 270px;
  border-radius: 8px;
  background: #fff;
  //overflow: hidden;
  box-shadow: 0 6px 10px 0 rgba(95, 101, 105, 0.15);
  padding-bottom: 8px;

  &-img {
    height: 152px;
    margin-bottom: 8px;

    img {
      width: 100%;
      height: 100%;
    }
  }

  &-summary {
    padding: 0 8px;
    text-align: left;
    font-size: 14px;
    color: #545c63;
    line-height: 20px;
    height: 40px;
    margin-bottom: 8px;

    display: -webkit-box;
    -webkit-line-clamp: 2;    /* 限制显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  &-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
  }
}

.timmy-card-summary {
  width: 100%;
  .custom-tooltip {
    position: absolute;
    background: rgb(227, 225, 224);
    color: rgb(70, 70, 70);
    padding: 5px 10px;
    border-radius: 4px;
    z-index: 100;
    //max-width: 300px;
    width: 100%;
    word-break: break-word;
  }
}

/* 透明度渐显动画 */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 1s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
